
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>下订单</title>
    <link rel="stylesheet" href="../css/order_drop.css">
    <link rel="stylesheet" href="../css/common.css">
    <script src="../js/jquery-3.6.0.min.js"></script>
    <script src="../layui/layui.js"></script>
    <script src="../js/common.js"></script>


</head>
<body>

<!-- 头部导航 -->
<div class="header">
    <!-- header-top -->
    <div class="header-top">
        <div class="middle">
            <ul class="right">
                <a href="javascript:void(0)">帮助中心</a><span>|</span>
                <a href="javascript:void(0)">400-321-2202</a><span>|</span>
                <p href="javascript:void()">微信</p>
            </ul>
            <ul class="left">
                <a href="../customer/login.html" class="loginAfter">登陆</a><span>|</span>
                <a href="../customer/regist.html" class="registAfter">注册</a><span>|</span>
                <a href="" class="bye hide">退出</a>
                <p class="name" >我的随行</p>
            </ul>
        </div>
    </div>

    <!-- header-navigation -->
    <div class="header-navigation">
        <div class="middle">
            <!-- log -->
            <div class="header-img">
                <img src="../images/header-logo.PNG" alt="">
            </div>
            <div class="header-nav">
                <li><a href="../index.html" class="header-word">首页</a><span></span></li>
                <li><a href="../car_rental/car_filter.html"  class="header-word">去租车</a><span></span></li>
                <li><a  href="../car_rental/car_select.html"  class="header-word">车型查询</a><span></span></li>
                <li><a href="../network/businessoutlets.html"  class="header-word">网点导航</a><span></span></li>
                <li><a href="../customer/customer_center.html"  class="header-word">个人中心</a><span></span></li>
                <li><a href="../preferential/special_models.html" class="header-word">特价优惠</a><span></span></li>
                <li><a href="../customer/mycollect.html" class="header-word">我的收藏</a><span></span></li>

            </div>
       </div>
    </div>
</div>
<div id="main">
    <div class="order_details">
        <div class="car_picture">
            <img th:src="${car.carImg}">
            <p>租期：<span class="day" th:text="${ordLease}"></span>天</p>
        </div>
        <div class="car_describe">
            <div class="car_name">
                <p th:text="${car.carName}"></p>
<!--                <a href="../details/details_of_cars.html" class="details">车辆详情></a>-->
                <div class="site-demo-button" id="layerDemo" >
                    <a href="../car_rental/car_filter.html" class="layui-btn-normal">返回修改</a>
                </div>
            </div>
            <div class="car_address">
                <table >
                    <tr>
                        <td class="address_a">取车地点</td>
                        <td class="address_a">还车地点</td>
                    </tr>
                    <tr>
                        <td>取车门店:<span th:text="${bussiness.busName}"></span></td>
                        <td>还车门店:<span th:text="${bussiness.busName}"></span></td>
                    </tr>
                    <tr>
                        <td>取车时间：<span th:text="${start}"></span></td>
                        <td>还车时间:<span th:text="${end}"></span></td>
                    </tr>
                    <tr>
                        <td>取车地址：<span th:text="${bussiness.busAddress}"></span></td>
                        <td>还车地址：<span th:text="${bussiness.busAddress}"></span></td>
                    </tr>
                    <tr>
                        <td colspan="2"><p>订单说明</p></td>
                    </tr>

                    <tr>
                        <td colspan="2">不限公里数，超时费按车辆租赁费及门店服务费均价/6收取实际超期小时费 (部分0元活动订单，按照40元/小时进行收取)。</td>
                    </tr>
                </table>
            </div>
        </div>
<!-----------优惠--------------------------->
        <div class="preferential">
            <div class="pre_title">
                <h3>优惠活动</h3>
            </div>
            <div class="pre_content">
                <input type="radio" class="select" name="pre" value="c_1"> 使用优惠券<br>
                <div class="coupon">

<!--                    <div class="coupon1">-->
<!--                        <h1>￥<span class="cou_money" th:text="${coupon.couPrice}"></span></h1>-->
<!--                        <p>有效期至<span th:text="${coupon.couponTimeEnd}"></span></p>-->
<!--                        <div class="part_coupon1">-->
<!--                            <h5 th:text="${coupon.couExplain}"></h5>-->
<!--                        </div>-->
<!--                    </div>-->

<!--                    <div class="coupon1">-->
<!--                        <h1>￥<span class="cou_money" th:text="${coupon.couPrice}"></span></h1>-->
<!--                        <p>有效期至<span th:text="${coupon.userCouEnd}"></span></p>-->
<!--                        <div class="part_coupon1">-->
<!--                            <h5 th:text="${coupon.couExplain}"></h5>-->
<!--                        </div>-->
<!--                    </div>-->

<!--                    <div class="coupon1">-->
<!--                        <h1>￥<span class="cou_money" th:text="${coupon.couPrice}"></span></h1>-->
<!--                        <p>有效期至<span th:text="${coupon.userCouEnd}"></span></p>-->
<!--                        <div class="part_coupon1">-->
<!--                            <h5 th:text="${coupon.couExplain}"></h5>-->
<!--                        </div>-->
<!--                    </div>-->

                </div>
<!--                <input type="radio" name="pre" class="other_select" value="c_2"> 新用户特惠<br>-->
<!--                <div class="new_user">-->
<!--                    <div class="coupon1">-->
<!--                        <h1>￥<span class="cou_money">100</span></h1>-->
<!--                        <p>有效期至<span>2022/12/28</span></p>-->
<!--                        <div class="part_coupon1">-->
<!--                            <h5>新用户首单立减100元</h5>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
                <input type="radio" name="pre" class=" oth" value="c_3"> 不参加以上任何活动

            </div>
        </div>

<!------------其它服务----------------->
        <div class="service">
            <div class="pre_title">
                <h3>发票信息</h3>
            </div>
            <div class="ser_content">

                <div class="invoice-prompt">
                    <p>
                        1、代金券仅支持开增值税普通发票，开票金额以实际购买金额为准；使用代金券支付的金额不可再开具发票。<br>
                        2、自2017年7月1日起，购买方为政企的，索取增值税普通发票（或增值税电子发票）时，应向销售方提供纳税人识别号或统一社会信用代码，具体内容见官网帮助中心-网上预订
                    </p>
                </div>

            </div>
        </div>

    </div>


<!--    ---------费用明细------------------>
    <div class="order_confirm">
        <div class="pre_title">
            <h3>费用明细</h3>
        </div>
        <div class="expense_statement">
            <ul>
                <li>
                    <p>车辆租赁费及门店服务费
                        <span class="price">￥<span class="price_one" th:text="${car.carPrice} * ${ordLease}"></span> </span>
                    </p>
                    <p class="exp_add">现付价</p>
                    <hr class="hr1">

                </li>
                <li>
                    <div class="border">
                        <p>基本保障服务费
                            <span class="price">￥<span class="price_two" th:text="50 * ${ordLease}"></span></span>
                        </p>
                        <p class="exp_add">基本保障服务费*天数</p>
                    </div>
                    <hr class="hr1">
                    <div class="other">
                        <p>其它服务费
                            <span class="service_price">￥<span class="expenses_p">20</span></span>
                        </p>

                    </div>
                    <hr class="hr3">
                    <div class="deposit">
                        <p>车辆保证金<span class="tui">(可退)</span><span class="price">￥3000</span></p>
                        <p>违章押金<span class="tui">(可退)</span><span  class="price1">￥2000</span></p>
                    </div>
                    <div class="total_price">
                        总计：<span>￥<span class="t_price" th:text="${car.carPrice} * ${ordLease} + 50 * ${ordLease} + 20"></span></span><br>

                        <div class="jump">
                            <form method="post" action="/saveOrder">
                                <input type="text" name="carId" th:value="*{car.carId}" style="display: none">
                                <input type="text" name="userId" id="userId"  value="" style="display: none">
                                <input type="text" name="couId" id="couId" value="" style="display: none">
                                <input type="text" name="ordPickup" th:value="*{bussiness.busName}" style="display: none">
                                <input type="text" name="ordDropoff" th:value="*{bussiness.busName}" style="display: none">
                                <input type="text" name="ordDroAddress" th:value="*{bussiness.busAddress}" style="display: none">
                                <input type="text" name="ordPicAddress" th:value="*{bussiness.busAddress}" style="display: none">
<!--                                <input type="text" name="couPrice" th:value="*{couPrice}" style="display: none">-->
                                <input type="text" name="ordCouMoney" id="ordCouMoney" value="" style="display: none">
                                <input type="text" name="ordPicTime" th:value="*{start}" style="display: none">
                                <input type="text" name="ordDroTime" th:value="*{end}" style="display: none">
                                <input type="text" name="ordLease" th:value="*{ordLease}" style="display: none">
                                <input type="text" name="ordPrice" class="t_price" value="" style="display: none">
                                <input class="a_" type="submit" value="提交订单" onmouseenter="qq()">
                            </form>

                        </div>


                    </div>
                </li>
            </ul>
        </div>
    </div>




</div>

<script src="../js/order_drop.js"></script>


</body>
</html>